<template>
  <div class="flex items-center gap-0.5">
    <div>
      <slot />
    </div>
    <div>
      <div class="flex items-end">
        <span class="text-[16px] text-[#d35400]">{{ value }}</span>
        <span class="text-[12px] text-[#808080]" v-if="isUnit">kN</span>
      </div>
      <div class="text-xs text-[#808080] -mt-1">{{ name }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
const { name, value, isUnit } = defineProps<{ name: string; value: string; isUnit: boolean }>()
</script>

<style></style>
